.superior
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	BACKGROUND-COLOR: #cc0000;
	z-index: 1;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 54px;
	
}

.menu{
	
}
.data {
	position:absolute;
	top:60px;
	left:0px;
	FONT-WEIGHT: normal;
	color: #FFFFFF;
	background-color: #020034;
	font-size: 11px;
	text-transform: lowercase;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	width: 170px;
	z-index: 11;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#CCCCCC;
	
	background-image:url(Imatges/fons.png);
	background-repeat:repeat-y;
}

.logoUPC {
	position:absolute;
	top:74px;
	left:0px;
	width: 170px;
	height: 45px;
	background-color: #3B3A60;
	color:#FFFFFF;
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	z-index: 12;
	
}
.logoUPC:active {
	background-color: #3B3A60;
	color:#FFFFFF;
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.logoUPC:hover {

	background-color: #3B3A60;
	color:#FF0000;
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	
}
.logoUPC2 {
	
	background-color: #3B3A60;
	color:#FFFFFF;
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	
	
}
.logoUPC2:active {
	background-color: #3B3A60;
	color:#FFFFFF;
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.logoUPC2:hover {

	background-color: #3B3A60;
	color:#FF0000;
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	
}

.fondomenu {
	position:absolute;
	top:119px;
	left:0px;
	width: 170px;
	BORDER-RIGHT: #9a98ad;
	BORDER-TOP: #9a98ad;
	FONT-SIZE: 10px;
	BORDER-LEFT: #9a98ad;
	BORDER-BOTTOM: #9a98ad;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #9a98ad;
	height: 328px;
	background-repeat:repeat;
	z-index: 13;
}

.titMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: capitalize;
	color: #CC0000;
	BACKGROUND-COLOR: #e6e5eb;
	text-decoration: none;
}
.titMenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: capitalize;
	color: #CC0000;
	BACKGROUND-COLOR: #e6e5eb;
	text-decoration: none;
}
.titMenu:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: capitalize;
	color: #CC0000;
	BACKGROUND-COLOR: #e6e5eb;
	text-decoration: none;
}

.link_titsubmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	
}

.link_titsubmenu:hover{	

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	text-decoration: none;
	background-color: #FFFFFF;
}
.link_titsubmenu:active{	

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	text-decoration: none;
	background-color: #FFFFFF;
}

.fons{
	position:absolute;
	background-color:#CCCCCC;
	top:59px;
	right:0px;
	z-index: 3;
	height: 285px;
	width: 83%;
	
}

.cabsup {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cc0000;text-decoration: none;
}
.cabsup:hover{
	FONT-SIZE: 10px; COLOR:#999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cc0000;text-decoration: none;
}
.cabsup:active{
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cc0000;text-decoration: none;
}

.boto {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}.boto:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.boto:active {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.botoUsuari {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#3B3A60; 
	
}
.botoUsuari:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3B3A60;
	
}
.botoUsuari:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3B3A60;
	
}
.noticia {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.cabbuzon {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #73658c
}

.botopag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#3B3A60; 
	
}
.botopag:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:red;
	text-decoration: none;
	background-color: #3B3A60;
	
}
.botopag:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3B3A60;
}
.botopag:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3B3A60;
}